﻿html, body {
    height: 100%;
}

a:visited, a:link, a:active {
    color: #999;
    text-decoration: none;
}

a:hover, span#fff #currentPage {
    color: #c57620;
}

#wrap {
    background-color: #2b2b2b;
}

#sideBar {
    font-weight: bold;
    color: #fff;
    width: 200px;
    float: left;
    text-align: center;
}

#sideBar a:hover {
    color: #c57620;
}

#topBar {
    font-weight: bold;
    background-color: #c57620;
    color: #fff;
    font-size: 14pt;
    text-align: right;
    padding: 3px 10px 3px 0;
}

#topBar a {
    color: #fff;
}

#topBar a:hover {
    color: #2b2b2b;
}

#mainPage {
    vertical-align: top;
    margin-left: 200px;
    background-color: #fff;
    min-height: 800px;
}

#footer {
    background-color: #484848;
}

p.footer {
    padding: 3px 8px 3px 0;
    color: #fff;
    text-align: right;
    font-size: 0.8em;
}

span {
    font-family: Myriad Web, Trebuchet MS;
    font-weight: 100;
}

span#title {
    text-align: center;
    margin-left: auto;
    font-size: 86pt;
}

span#fff {
    font-size: 16pt;
}

span#fff a {
    color: #fff;
}

.sideBarSubSection 
{
    margin-top: 10px;
    width: auto;
    overflow: auto;
    font-size: 10px;
    background-color: #484848;
    margin: 25px 7px 25px 7px;
    padding: 5px;
}

/* rss styling */

* {
	margin: 0;
	font-family: Trebuchet MS;
}

.img {
	border: none;
}

#itemContainer {	
	margin: 5px;
	border: solid 1px #000;
}

#itemContainer a:visited, #itemContainer a:link, #ItemContainer a:active {
    color: #000;
}

#itemContainer a:hover {
    color: #c57620;
}

#itemHeader , #itemContent, #itemTags, #itemOptions {
	margin: 8px 8px 8px 10px;
}

#itemHeader {
	font-size: 1.4em;
	border-bottom: dashed 1px #000;
}

p.date {
	font-weight: bold;
	float: left;
}

p.feed {
	font-weight: lighter;
	text-align: right;
	margin: 0 0 8px 0;
}

p.title a {
    font-size: 1.8em;
}

p.itemDescription {
	padding: 8px 0 8px 0;
	font-size: 1em;
}

#itemContent span {
    display: none;
}

#itemTags, #itemOptions {
	font-size: 0.8em;
}

/* end of rss styling */

#helpwrap {
    margin: 20px 20px 10px 20px;
}

h3 {
    margin-bottom: 15px;
    font-size: 3em;
    font-weight: lighter;
    word-spacing: -0.3em;
}

p.helpItem {
    font-size: 1.4em;
    margin-left: 20px;
}

p.helpSubItem 
{
    font-size: 1em;
    margin-left: 30px;

}

p.helpContent {
    font-size: 0.8em;
    width: 40%;
    min-width: 350px;
    margin-left: 40px;
    padding: 5px;
    color: #777;
}

p.helpDescription {
    font-size: 0.7em;
    margin: -2px 0 5px 35px;
    color: #999;
}

p.note 
{
    font-size: 0.9em;
    width: 40%;
    min-width: 350px;
    margin: 10px 0 10px 45px;
    padding: 8px;
    color: #3f7dca;
    border: dotted 1px #3f7dca;
}

.welcomeUser 
{
    float: left;
    margin-left: 10px;
}

acronym {
	cursor: help;
	color: #104E8B;
	border-bottom: dotted 1px #104E8B;
}

/* friends page styling */

#userContainer {	
	margin: 5px;
	border: solid 1px #000;
}

#userHeader , #sortFeeds, #userFoot, #userPic {
	margin: 8px 8px 8px 10px;
}

#sortFeeds {
	margin-left: 130px;
}

#userPic {
	width: 120px;
	text-align: center;
	float: left;
	font-size: 1.4em;
}

#userHeader {
	font-size: 1.4em;
	border-bottom: dashed 1px #000;
}

p.user {
	font-weight: bold;
	float: left;
}

p.sort{
	font-weight: lighter;
	text-align: right;
	}

p.title {
	font-size: 1em;
}

#userFoot {
	clear: both;
	font-size: 1em;
	text-align: right;
}

.feed {
	color: #999;
	font-size: 0.6em;
	font-weight: bold;
}

/* end of friends page styling */

#defaultContainer {
    margin: 10px;
}

#arfPhil {
    float: right;
    background-color: #444;
    color: #efefef;
    font-size: 1.2em;
    margin: 8px;
    padding: 15px;
    width: 380px;
}

li {
    font-size: 0.8em;
    font-weight: lighter;
    margin-left: 40px;
}

.philBold {
    font-weight: bold;
    color: #c57620;
}

/* bloglines stlying */

p.bldate {
	font-weight: bold;
	font-size: 0.8em;
}

p.blfeed {
	display: none;
}

p.bltitle a {
    font-size: 1.7em;
    margin: 0 0 10px 0;
}

p.bldescription {
	margin: 8px 0 8px 0;
	font-size: 1em;
	color: #444;
}